.banner {overflow: hidden;}
.banner li{overflow: hidden;}
.banner_img01 img{width: 100%;}
.banner_img01{position: absolute;left:0;bottom: 0;}
.banner li.ban_video{background: #000!important;}
.banner li video{position: absolute;left: 0;top: 0;width: auto;height: 100%;object-fit: cover;z-index: 1;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    position: absolute;
    left: 50%;
    top: 50%;
}
.banner_text{color: #fff;position: absolute;left: 30%;top: 50%;width: 100%;margin-top: -97px;
    opacity: 0;z-index: 2;
    transition:all 1.5s;-webkit-transition:all 1.5s;-moz-transition:all 1.5s;-o-transition:all 1.5s;-ms-transition:all 1.5s;
}
.banner_p{height: 194px;}
.banner_text h3{font-size: 48px;margin-bottom: 15px;padding-bottom: 20px;position: relative;font-weight: bold;border-bottom: 1px solid rgba(255,255,255,0.5);display:inline-block;}
.banner_text p{max-height:80px;line-height: 40px;text-transform: uppercase;width: 40%;font-size: 20px;}
.banner_text h3,.banner_text p{
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;color: #fff;}
.banner_text h3::after{content: "";display: block;position: absolute;left: 0;bottom:0px;width: 64px;height: 1px;background: #fff;}
.color_gray .banner_text{color: #333333;}
.banner_more a:hover{color: #fff !important;}
.banner li.swiper-slide-active .banner_text{
    opacity: 1;left: 0;
}
.pc_img{display: none;height: 100%;}
.phone_img{display: none;}

.banner .swiper-cicle{bottom: 19px;text-align: center;left: 0;}
/*.index_title{color: #fff;}*/
/*.index_line{width: 190px;height: 9px;background: #ec6700;margin-bottom: 100px;}*/
/*.index_title h3{line-height: 50px;margin-bottom: 30px;}*/
/*.index_title h4{line-height: 34px;}*/
/*.index_title_balnk{color: #333333;}*/
/*.index_title_line{position: absolute;left: 0;top:0;width: 100%;}*/
/*.index_title_line .index_line{margin-bottom: 0;}*/
.index_title .fnt_20{font-weight: 700;font-size: 30px;}
.indexbox_tit{margin-bottom: 30px;}

@media only screen and (max-width:1560px) {
    .banner_text h2{font-size: 48px;line-height: 60px;height: 120px;}
}
@media only screen and (max-width:1024px) {
    .pc_img{display: block;}
    /*.banner li{height: auto !important;}*/
    .banner_more a{height: 40px;line-height: 40px;}
    .banner_more i{margin-left: 10px}
    .banner_text h3{font-size: 24px;line-height: 40px;max-height: 80px;}
    .banner_text p{font-size: 18px;line-height: 24px;max-height: 48px;}
    .banner_more{padding-top: 20px;}
    .banner_p{height: auto;}
    .banner_text{bottom: auto;transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); position:absolute; left:0; top:50%;}
    .banner .but{display: none !important;}
    .banner .swiper-cicle{bottom: 10px;text-align: center;}
    .banner .swiper-cicle span{width:10px;height:10px;}
    .banner .swiper-cicle span .iline{display: none;}
    .banner .swiper-cicle .swiper-pagination-bullet-active{background: #fff;}
    .banner .swiper-container>.wrap{width: 100%;max-width: 100%;}
    .banner .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 20px;border-radius:5px;}

}
.banner li .blank_30{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);display: none;}
@media only screen and (max-width:767px) {
    .banner li .blank_30{display: block;}
    .banner li{height: 280px!important;}
    .banner li
    .pc_img,.banner_img01{display: none;}
    /*.phone_img{display: block;height: 300px!important;}*/
    .banner_text h3{font-size: 18px;font-weight: bold; line-height: 30px;max-height: 60px;margin-bottom: 10px;}
    .banner_text p{font-size: 14px;line-height: 20px;max-height: inherit;-webkit-line-clamp: inherit;}
    .banner_text p br{display: none;}
    .banner_text p{width: 100%;}
    .banner_text{margin-top: 0;}
}
@media only screen and (min-width:1025px) {
    .index_more a i,.banner_more i,.index_tab li i,.index_tab li i,.slidebox .news_block dd,.areas_list dl{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
    .index_more a:hover i,.banner_more a:hover i{margin-left: 5px;}
    .banner_more a:hover{background:#36a2d6;color: #fff;}
    .bgimg .pc_img{position: absolute;left: -100px;top:-100px; display: block;width:calc(100% + 200px);height:calc(100% + 200px);transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;}
    .pc_img img{display: none;}
}

/*.background {*/
    /*margin-left: -10vw;*/
    /*margin-top: -10vh;*/
    /*width: 120vw;*/
    /*position: absolute;top:0;left: 0;height:120vh;*/
/*}*/
/*.background img {*/
    /*height: 100vh;*/
    /*width: 100%;*/
/*}*/
/*index1*/
.indexbox_t{position: relative;z-index: 2;}
.indexbox_b{position: relative;z-index: 1;}
.indexbox_t ul{text-align: center;font-size: 0;}
.indexbox_t ul li{display: inline-block;padding: 20px 0px;box-sizing: border-box;position: relative;transition: all .3s;cursor: pointer;width: 16.66%;}
.indexbox_t ul li dd{text-align: center;height: 50px;overflow: hidden;}
.indexbox_t ul li dd img{height: 50px;}
.indexbox_t ul li dd div{transition: all .3s;}
.indexbox-black{transform: translateY(300%);}

.indexbox_t ul li dt{height: 45px;line-height: 45px;}
.indexbox_t ul li dt p{white-space: nowrap;transition: all .3s;overflow: hidden;text-overflow: ellipsis;}
.indexbox_t ul li:before{content: "";display: block;height: 5px;background: #36a2d6;position: absolute;bottom: 0px;left: 0;width: 0;transition: all .3s;}
.indexbox_t ul li.on{box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.indexbox_t ul li.on dt p{font-weight: bold;}
.indexbox_t ul li.on:before{width: 100%;}
.indexbox_t ul li.on .indexbox-black{transform: translateY(-100%);}
.indexbox_t ul li.on .indexbox-gary{transform: translateY(300%);}

.indexbox_content{position: relative;z-index: 3;padding-top: 8%;}
.indexbox_contentDiv{width: 60%;}
.indexbox_tit>p{line-height: 30px;height: 60px;overflow: hidden;}
.indexbox_item{display: none;position: relative;}
.indexbox_img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.indexbox_img .imgItem{width: 100%;height: 100%;opacity: 0;transition: all .3s;position: absolute;left: 0;top: 0;}
.indexbox_tabTxt-item{display: none;}
.indexbox_tab{width: 100%;overflow: hidden;margin: 15px 0;background: url(../images/hot_bg.png) no-repeat;background-size: 100% 100%;font-size: 0;
box-shadow: 0 10px 10px rgba(0,0,0,0.2);}
.indexbox_tab-item{width: 33.3%;text-align: center;position: relative;height: 62px;cursor: pointer;display: inline-block;}
.indexbox_tab-item p{width: 100%;font-size: 20px;line-height: 27px;overflow: hidden;max-height: 54px;padding: 0 10px;box-sizing: border-box;}
.indexbox_tabTxt-link .banner_more{padding-top: 35px;}
.indexbox_tabTxt-item>p{line-height: 30px;height: 90px;overflow: hidden;}
.indexbox_tab.two .indexbox_tab-item{width: 50%;}
.indexbox_item.on{display: block;}
.indexbox_img .imgItem.on{opacity: 1;z-index: 2;}
.indexbox_tabTxt-item.on{display:block;}
.indexbox_tab-item.on p{font-weight: bold;}
.indexbox_tab-item.on::before{content: "";display: block;width: 100%;height: 5px;background: #36a2d6;position: absolute;left: 0;bottom: 0px;}
.indexbox_tabTxt{padding-top: 20px;}
/*index1*/
.hotspotSwi{position: relative;margin-top: 28px;}
.hotspotSwi .swiper-container{padding: 30px 15px;}
.hotspotSwi dl{transition: all 800ms ease;box-shadow: 0 4px 10px #f2f2f2;position: relative;}
.hotspotSwi dt{padding: 35px;box-sizing: border-box;overflow: hidden;position: relative;transition: all .3s;}
.hotspotSwi dt h3{margin-bottom: 17px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #333;font-family: arial;}
.hotspotSwi dt p{line-height: 24px;height: 48px;overflow: hidden;color: #666;font-size: 15px;}
.hotspotSwi dt .banner_more{padding-top: 30px;}
.hotspotSwi dt .banner_more a{display: inline-block;padding: 0 42px 0 16px;height: 40px;border: 1px solid #cacaca;background: url("../images/jt1.png") no-repeat 87px center;text-align: center;line-height: 40px;border-radius: 20px;color: #666;}
.hotspotSwi dl:hover .banner_more a{background: #015182 url("../images/jt2.png") no-repeat 87px center;border: 1px solid #015182;color: #fff;}
.hotspotSwi dl:hover dt h3{color: #015182;}
.hotspotSwi dl img{width: 100%;height: 100%;object-fit: cover;}
/*.hotspotSwi dl:hover img {transform: scale(1.2);}  */
.hotspotSwi dl dd{overflow: hidden;} 
.hotspotSwi dl:hover{-webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03)}

.hotspotSwi .lhl_but div{background: none;font-size: 24px;width: 62px;height: 62px;box-shadow:0 4px 30px #ddd;line-height:62px;margin-top: -62px;border-radius: 50%;text-align: center;top: 50%;transition: all .3s;}
.hotspotSwi .lhl_but div.swiper-button-prev{left: -92px;background: url("../images/left2.png") no-repeat center;}
.hotspotSwi .lhl_but div.swiper-button-next{right: -92px;background: url("../images/right2.png") no-repeat center;}
.hotspotSwi .lhl_but div.swiper-button-prev:hover{background:#015182 url("../images/left02.png") no-repeat center;}
.hotspotSwi .lhl_but div.swiper-button-next:hover{background:#015182 url("../images/right02.png") no-repeat center;}
/*.hotspotSwi dl .ll1{position: absolute;left:-1px;top: -1px;height: 8px;background: #fff;width: 100%;}
.hotspotSwi dl .ll2{position: absolute;left:-1px;top: 0;width: 8px;background: #fff;height: 100%;}
.hotspotSwi dl .ll3{position: absolute;right:-1px;bottom: 0;height: 8px;background: #fff;width: 100%;}
.hotspotSwi dl .ll4{position: absolute;right:-1px;top: 0;width: 8px;background: #fff;height: 100%;}
.hotspotSwi dl .ll1,.hotspotSwi dl .ll2,.hotspotSwi dl .ll3,.hotspotSwi dl .ll4{z-index: 10;opacity: 0;transition: all 0.1s;}
.hotspotSwi li:hover .ll1,.hotspotSwi li:hover .ll2,.hotspotSwi li:hover .ll3,.hotspotSwi li:hover .ll4{opacity: 1;}*/

.hotspotSwi .swiper-pagination{width: 100%;display: none;}
.hotspotSwi .swiper-pagination-bullet{width: 10px;height: 10px;border-radius: 50%;background: #ddd;}
.hotspotSwi .swiper-pagination-bullet-active{background:#015182;width: 30px;border-radius: 5px;}
/*index2*/  
.index2{background: #f6f6f6;padding: 62px 0 0 0;} 
.solution li{float: left;margin-right: 0.5%;width: 24.625%;position: relative;height: 444px;overflow: hidden;margin-top: 0.5%;} 
.solution li.li1,.solution li.li8{width:49.75%;}
.solution li:nth-child(4n){margin-right: 0;}
.clear{clear: both;}
.solution li img{width: 100%;height: 100%;object-fit: cover;transition: all 800ms ease;}
.solution li .pic{height: 444px;overflow: hidden;}
.solution{padding-top: 40px;}
.solution li:hover a .pic img {transform: scale(1.2);} 
.solution li a p.p01{color: #fff;font-size: 20px;transition: all 0.5s;position: absolute;left: 0;bottom: 0;width: 100%;text-align: center;padding-bottom: 20px;overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis}  
.solution li a .text{position: absolute;left: 0;bottom: 0;width: 100%;text-align: center;background: rgba(0,0,0,0.4);display: none;}
.solution li a .text p.p02{color: #fff;font-size: 20px;font-weight: bold;padding-top: 100px;overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis}
.solution li a .text p.p03{font-size: 15px;line-height: 21px;padding-top: 17px;color: red;margin: 0 auto 33px auto;max-width: 90%;overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis}
.solution li.li1 a .text p.p03,.solution li.li8 a .text p.p03{max-width: 60%;}
.solution li a:hover .text p.p02{display: block;}
.solution li a:hover .text{background: none;height: 100%;display: block;}
.solution li a:hover p.p01{display: none;}
.solution li a .bac {
    transition: all 0.7s;
    transform: scale(0);
    position: absolute;
    left: 6%;
    bottom: 25%;
    width: 180px;
    height: 180px;
    border-radius: 100%;
    background: rgba(0,0,0,0.5);
}
.solution li a:hover .bac {
  transition: all 0.7s;
  transform: scale(10.2);
}
.solution li a .text span{display:inline-block;padding: 0 42px 0 16px;height: 40px;text-align: center;line-height: 40px;border-radius: 20px;background: #015182 url("../images/jt2.png") no-repeat 87px center;border: 1px solid #015182;color: #fff;font-size: 15px;}


/*index3*/
.index3{padding:62px 0 0 0;}
.index_title{text-align: center;margin-bottom: 20px;}
.index3 .left{width: 50%;background: url("../images/bg.png") no-repeat right bottom;height: 560px;}
.index3 .right{width: 43%;position: relative;}
.index3 .left h4{position: relative;color: #333;font-size: 24px;padding-bottom: 20px;}
.index3 .left h4 p{color: #666;font-size: 15px;}
.index3 .left h4::after{position: absolute;width: 43px;height: 2px;background: #015182;left: 0;bottom: 0;content: "";display: block;}
.fl{float: left;}
.fr{float: right;}
.index3 .we p{color: #666;font-size: 15px;line-height: 36px;}
.index3 .we{margin: 34px 0 80px 0;}
.about{padding-top: 70px;}
.index3 .banner_more a{display: inline-block;padding: 0 42px 0 16px;height: 40px;border: 1px solid #cacaca;background: url("../images/jt1.png") no-repeat 87px center;text-align: center;line-height: 40px;border-radius: 20px;color: #666;}
.index3 .banner_more a:hover{background: #015182 url("../images/jt2.png") no-repeat 87px center;border: 1px solid #015182;color: #fff;}
.index3 .right::before{width: 100%;position:absolute;content: "";display: block;background: #f6f6f6;top: 0;left: -40px;height:calc(100% - 40px);}
.index3 .right img{width: 100%;margin-top: 40px;position: relative;z-index: 2;}

/*index4*/
.index4{background-repeat: no-repeat;background-size: cover;height: 304px;position: relative;}
.index4 .title{color: #fff;font-size: 18px;position: absolute;width: 100%;top: 50%;margin-top: -50px;left: 0;}
.index4 .title h3{color: #fff;font-size: 36px;padding-bottom: 18px;}
/*index5*/
.index5{padding:75px 0;}
.mySwiper{overflow: hidden;padding:15px 8px 66px 8px;margin-top: 55px;position: relative;}
.index5 .swiper-slide{box-shadow: 0 4px 10px #f2f2f2;}
.index5 a .time{color: #333;font-size: 15px;font-family: arial;}
.index5 a .img{overflow: hidden;height: 255px;}
.index5 a .img img{width: 100%;height: 100%;object-fit: cover;transition: all 800ms ease;}
.mySwiper .swiper-button-next,.mySwiper .swiper-button-prev{display: none;}
.index5 a .wz{padding:20px 30px;}
.index5 a .p1{color: #333;font-size: 20px;margin: 19px 0 11px 0;overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;}
.index5 a .p2{color: #666;font-size: 15px;line-height: 26px;overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis}
.index5 a .p3{color: #666;font-size: 15px;background: url("../images/jt1.png") no-repeat right center;height: 40px;line-height: 40px;margin-top: 20px;transition: all 0.5s linear;}
.mySwiper .swiper-pagination{bottom: 0;height: 3px;width:99%;left: 0.5%;}
.index5 a:hover img {transform: scale(1.2);}
.index5 a:hover .p1,.index5 a:hover .time,.index5 a:hover .p3{color: #015182;}
.index5 a:hover .p3{background: url("../images/jt3.png") no-repeat right center;}

.footer{background: #26292d;padding-top: 50px;color: #8d8d8d;font-size: 15px;}
.foot01 .f-nav{border-bottom: 1px solid #3d4043;padding-bottom: 30px;}
.foot01 .f-nav span{display: inline-block;float: left;color: #eee;font-size: 20px;width:200px;}
.foot01 .f-nav span b{display: block;color: #4f545a;font-size: 16px;font-family: arial;text-transform: uppercase;}
.foot01 .f-nav a{display: inline-block;color: #ededed;font-size: 16px;margin-left:90px;}
.foot01 .side{width: calc(100% - 200px);float: left;text-align: right;padding-top: 26px;}
.foot02{clear: both;padding: 58px 0 40px 0;}
.foot02 .left p{color: #8d8d8d;font-size: 15px;line-height: 36px;}
.foot02 .left h4{color: #8d8d8d;font-size: 16px;padding-bottom: 10px;}
.foot02 .right{width: 376px;}
.foot02 .way{color: #fff;font-size: 16px;letter-spacing: 5px;text-align: right;}
.foot02 .way span{display: block;font-size: 27px;font-style: italic;letter-spacing: 0;}
.foot02 .sao img{width: 138px;height: 138px;}
.foot02 .sao p{text-align: center;color: #929292;font-size: 15px;padding-top: 3px;}
.friend{line-height: 30px;margin-bottom: 30px;}
.friend span{display: inline-block;float: left;}
.friend a{display: inline-block;color: #8d8d8d;margin-left: 20px;}
.foot03{border-top: 1px solid #3d4043;padding: 24px 0;}
.foot03 a{color: #8d8d8d;}
.header2{background: #fff;}
.header2 .logo_01{display: none;}
.header2 .logo_02{display: block;}
.header2 .nav li.on>a,.header2 .menu_tel i,.header2 .menu_tel a,.header2 .nav li:hover a,.header2 .nav .nav1 li ul li a:hover{color: #015182;}
.header2 .nav li>a{color: #333;}
.header2 .nav li>a i{background: #015182;}
.header2 .nav1>li ul>div>div{background: #fff;}
.header2 .nav .nav1 li ul li a{color: #333;}
.ny-banner{background-repeat: no-repeat;height: 600px;background-size: cover;position: relative;margin-top: 96px;}
.ny-banner h3{position: absolute;color: #fff;font-size: 48px;font-weight: bold;top: 50%;margin-top: -10%;}
.ny-banner h3 span{display: block;text-transform: uppercase;}
.title2{text-align: center;color: #333;font-size: 42px;padding-top: 50px;}
.title2 h3 span{display: block;font-size: 30px;color: #dedfe2;text-transform: uppercase;font-family: arial;}
.hangye li{float: left;margin-right: 1%;width: 24.25%;position: relative;height:365px;overflow: hidden;margin-bottom: 15px;} 
.hangye li:nth-child(4n){margin-right: 0;}
.hangye li img{width: 100%;height: 100%;object-fit: cover;transition: all 800ms ease;}
.hangye li .pic{height: 365px;overflow: hidden;}
.hangye{padding: 40px 0;}
.hangye li:hover a .pic img {transform: scale(1.2);} 
.hangye li a p.p01{color: #fff;font-size: 20px;transition: all 0.5s;position: absolute;left: 0;bottom: 0;width: 100%;text-align: center;padding-bottom: 20px;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;}  
.hangye li a .text{position: absolute;left: 0;bottom: 0;width: 100%;text-align: center;background: rgba(0,0,0,0.4);display: none;}
.hangye li a .text p.p02{color: #fff;font-size: 20px;font-weight: bold;padding-top: 100px;overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis}
.hangye li a .text p.p03{font-size: 15px;line-height: 21px;padding-top: 17px;color:#fff;margin: 0 auto 33px auto;max-width: 90%;overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis}
.hangye li a .text p.p03.red{color: red;}    
.hangye li a:hover .text p.p02{display: block;}
.hangye li a:hover .text{background: none;height: 100%;display: block;}
.hangye li a:hover p.p01{display: none;}
.hangye li a .bac {
    transition: all 0.7s;
    transform: scale(0);
    position: absolute;
    left: 6%;
    bottom: 25%;
    width: 180px;
    height: 180px;
    border-radius: 100%;
    background: rgba(0,0,0,0.5);
}
.hangye li a:hover .bac {
  transition: all 0.7s;
  transform: scale(10.2);
}
.hangye li a .text span{display:inline-block;padding: 0 42px 0 16px;height: 40px;text-align: center;line-height: 40px;border-radius: 20px;background: #015182 url("../images/jt2.png") no-repeat 87px center;border: 1px solid #015182;color: #fff;font-size: 15px;}
.product li{float: left;width:31.33%;margin-right:3%;margin-top: 40px;}
.product li:nth-child(3n){margin-right: 0;}
.product dl{transition: all 800ms ease;box-shadow: 0 4px 10px #f2f2f2;position: relative;}
.product dt{padding: 35px;box-sizing: border-box;overflow: hidden;position: relative;transition: all .3s;}
.product dt h3{margin-bottom: 17px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #333;font-family: arial;}
.product dt p{line-height: 24px;height: 48px;overflow: hidden;color: #666;font-size: 15px;}
.product dt .banner_more{padding-top: 30px;}
.product dt .banner_more a{display: inline-block;padding: 0 42px 0 16px;height: 40px;border: 1px solid #cacaca;background: url("../images/jt1.png") no-repeat 87px center;text-align: center;line-height: 40px;border-radius: 20px;color: #666;}
.product dl:hover .banner_more a{background: #015182 url("../images/jt2.png") no-repeat 87px center;border: 1px solid #015182;color: #fff;}
.product dl:hover dt h3{color: #015182;}
.product dl img{width: 100%;height: 100%;object-fit: cover;}
.product dl dd{overflow: hidden;} 
.product dl:hover{-webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03)}
.product{padding: 8px 0 50px 0;}
.brand{background: #fff;}
.brand li{float: left;height: 70px;line-height: 70px;position: relative;}
.brand li a{color: #333;font-size: 20px;font-family: arial;border-right: 1px solid #e0e0e0;display: block;padding: 0 40px;}
.brand li.cur a,.brand li a:hover{background: #015182;color: #fff;border-right: 1px solid #015182;}
.brand li::after{width: 0;
    height: 0;
    border-top: 10px solid #015182;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;position: absolute;content: "";bottom: -10px;left: 50%;margin-left: -10px;display: none;}
.brand li.cur::after,.brand li:hover::after{display: block;}
.white{background: #fff;padding: 60px 4%;margin-top: 40px;}
.name{text-align: center;color: #333;font-size: 30px;padding-bottom: 30px;}
.detailbox{margin-bottom: 80px;}
.detailbox p{color: #333;font-size: 16px;line-height: 28px;}
.detailbox img{display: block;margin: 20px auto;max-width: 100%;}
.detailbox p strong{font-size: 18px;}
.news-list{padding: 60px 0;}
.news-list li{position: relative;padding: 32px 0;border-top: 1px solid #ededed;transition: all 0.7s;}
.news-list li::after{content: "";display: block;clear: both;}
.news-list li .tim{display: inline-block;float: left;width: 200px;text-align: center;color: #333;font-size: 22px;position: relative;padding: 20px 0;}
.news-list li .txt{display: inline-block;float: left;width: calc(100% - 200px - 60px - 60px);padding:0 60px;}
.news-list li .tim b{display: block;font-size: 60px;line-height: 68px;}
.news-list li a h3{color: #333;font-size: 20px;margin: 16px 0;overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis}
.news-list li a p{color: #666;font-size: 15px;line-height: 28px;overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis}
.news-list li:hover{box-shadow: -1px 5px 15px rgba(0, 0, 0, 0.1);transform: translateY(-8px);}
.news-list li .tim::after{position: absolute;content: "";height: 100%;width: 1px;background: #ededed;top: 0;right: 0;display: block;}
.news-list li:hover a h3{color: #015182;}
.news-list li:nth-child(1){border-top: none;}
.service2{padding: 64px 0;}
.service2 .name2{text-align: center;color: #333;font-size: 30px;margin-bottom: 30px;}
.service2 .miaosu1 p{color: #666;font-size: 16px;line-height: 28px;}
.service2 .miaosu2{padding-top: 30px;}
.service2 .miaosu2 p{color: #666;font-size: 16px;line-height: 28px;margin: 20px 0;}
.service2 .miaosu2 .left{width: 35%;}
.service2 .miaosu2 .right{width: 55%;margin-top: 30px;}
.service2 .miaosu2 .right img{width:100%;}
.service2 .miaosu2 .left p{margin-top: 28px;}
.service2 .fenlei{padding: 80px 0 20px 0;}
.service2 .fenlei li{width:22.25%;margin-right: 1%;box-shadow: -1px 5px 15px rgba(0, 0, 0, 0.1);float: left;padding:20px 1% 40px 1%;transition: all 0.7s;}
.service2 .fenlei li:nth-child(4n){margin-right: 0;}
.service2 .fenlei li a h4{color:#333;font-size: 20px;position: relative;padding-left: 20px;padding-bottom: 16px;margin-bottom: 13px;overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis}
.service2 .fenlei li a h4::before{content: "";display: block;width: 3px;height: 20px;background: #015182;position: absolute;left: 0;top: 5px;}
.service2 .fenlei li a h4::after{content: "";display: block;width: 100%;background: #eee;height: 1px;position: absolute;bottom: 0;left: 0;}
.service2 .fenlei li a p{color: #666;font-size: 15px;line-height: 28px;overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis}
.service2 .fenlei li:hover{transform: translateY(-8px);}
.join2{padding: 54px 0;}
.join2 div h4{display: block;color: #666;font-size: 16px;line-height: 30px;padding-top:22px;padding-bottom: 5px;font-weight: bold;}
.join2 div p{color: #999;font-size: 16px;line-height: 28px;}
.join2 h3{color: #666;font-size:20px;line-height: 60px;}
.accordion-item-active h3{color: #fff;}  
.join2 div p a{color: #015182;}
.about5{background: url("../images/bg2.jpg") no-repeat;background-size: cover;padding: 60px 0 62px 0;}
.about5 .left{width: 30%;}
.about5 .right{width: 65%;}
.about5 .title4{color: #fff;font-size: 42px;padding-bottom: 67px;}
.about5 .title4 p{font-size: 30px;font-family: arial;text-transform: uppercase;padding-top: 4px;}
.about5 .phone-dh{background: url("../images/tel.png") no-repeat left top;padding-top: 62px;font-size: 45px;font-family: arial;color: #fff;}
.online ul{ overflow:hidden;margin-top:12px;}
.online ul li{ overflow:hidden; margin-bottom:12px;float: left;margin-right: 2%;width:32%;}
.online ul li:nth-child(3n){margin-right: 0;}
.online ul li label{color:#fff; font-size:16px; display:block;padding-bottom: 10px;}
.online ul li input{ width:calc(100% - 20px); height:52px;padding:0 10px;font-size:16px; line-height:52px;background:#fff;border: none;outline: none;border-radius: 5px;}
.online ul li.ts04{ float:left}
.online ul li.ts04 button{ background:#ed7e40;width:150px;height:52px;text-align:center; color:#fff;font-size:18px; border:none; cursor:pointer; float:left;border-radius: 8px;}
.online ul li textarea{ width:calc(100% - 20px); height:70px;padding:10px; font-size:16px;resize: none;background:#fff;border: none;outline: none;border-radius: 5px;}
.online ul li:nth-child(6){padding-top: 34px;}
.online ul li:nth-child(4){width: 100%;margin-right: 0;margin-bottom: 8px;}
.online ul li:nth-child(5){width: 40%;}
.online ul li:nth-child(5) input{width:calc(100% - 20px - 100px);border-radius: 5px 0 0 5px;}
.online ul li:nth-child(5) img{border-radius: 0 5px 5px 0;}
.title3{text-align: center;color: #333;font-size: 42px;}
.title3 p{font-size: 30px;font-family: arial;text-transform: uppercase;color: #dedfe2;margin-top: -5px;}
.about1,.about2,.about3,.about4{padding: 58px 0;}
.about1 .about01 p{color: #333;font-size: 18px;line-height: 34px;}
.about1 .about01{padding: 34px 0 60px 0;}
.about_num ul{overflow: hidden;}
.about_num li{float: left;width: 25%;text-align: center;}
.about_num li dt{color: #015182;font-size: 60px;font-weight: bold;font-family: arial;line-height: 66px;}
.about_num li dt i{font-style: normal;}
.about_num li dd{color: #333;font-size: 15px;}
.about1 canvas {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  position: absolute;
  z-index: -1;
}
.about1{position: relative;}
.about3{background: #f8f8f8;}
.about03{padding-top: 58px;}
.about3 li{float: left;margin:0 2% 35px 0;width:32%;box-shadow: -1px 5px 15px rgba(0, 0, 0, 0.1);padding-bottom: 30px;transition: all 0.7s;}
.about3 li:nth-child(3n){margin-right: 0;}
.about3 li img{width: 100%;height: 100%;object-fit: cover;transition: all 800ms ease;}
.about3 li .pic{height: 270px;overflow: hidden;}
.about3 li .txt{padding: 10px 40px;}
.about3 li h4{color: #333;font-size: 20px;margin: 4px 0 14px 0;}
.about3 li p{color: #666;font-size: 15px;line-height: 26px;height: 156px;overflow: hidden;}
.about3 li:hover{transform: translateY(-8px);}
.about3 li:hover img{-webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03)}
.honor-pagination{display: none;}
.honor-swiper .swiper-slide{padding:20px 0;width: 322px;box-shadow: -1px 5px 15px rgba(0, 0, 0, 0.1);border-radius: 10px;}
.honor-swiper .swiper-slide img{display: block;margin: 0 auto;height: 102px;width: auto;}
.honor-swiper{padding: 15px 10px;}
.honor .honor-next,.honor .honor-prev{width: 23px;height: 41px;}
.honor .honor-next{background: url("../images/jtt2.png") no-repeat;right: -60px;}
.honor .honor-prev{background: url("../images/jtt1.png") no-repeat;left: -60px;}
.honor .honor-next:hover{background: url("../images/jtt02.png") no-repeat;}
.honor .honor-prev:hover{background: url("../images/jtt01.png") no-repeat;}
.honor{position: relative;margin-top: 37px;}
.honor2-pagination{display: none;}
.honor2-swiper .swiper-slide .tp{box-shadow: -1px 5px 15px rgba(0, 0, 0, 0.1);height: 225px;}
.honor2-swiper .swiper-slide img{display: block;margin: 0 auto;height: 100%;width:100%;object-fit: cover;}
.honor2-swiper{padding: 15px 10px;}
.honor2 .honor2-next,.honor2 .honor2-prev{width: 23px;height: 41px;}
.honor2 .honor2-next{background: url("../images/jtt2.png") no-repeat;right: -60px;}
.honor2 .honor2-prev{background: url("../images/jtt1.png") no-repeat;left: -60px;}
.honor2 .honor2-next:hover{background: url("../images/jtt02.png") no-repeat;}
.honor2 .honor2-prev:hover{background: url("../images/jtt01.png") no-repeat;}
.honor2{position: relative;margin-top: 37px;}
.honor2-swiper .swiper-slide p{text-align: center;color: #777;font-size: 18px;margin-top: 18px;}
.detail p{font-size: 16px;line-height:28px;}
.detail li{list-style:disc inside;}
.detail li p{display: inline-block;}
.news-detail img{max-width:100%;display: block;margin: 0 auto;}
.news-detail .wz-title{padding:20px 0;text-align: center;border-bottom: 1px solid #eee;margin-bottom: 30px;color: #333;font-size:26px;font-weight:bold;}
.news-detail .wz-title .some{position: relative;text-align: center;font-weight: normal;}
.news-detail .wz-title .some span{color: #888;font-size: 15px;display: inline-block;margin: 0 12px}
.news-detail .detail .fenye{color: #666;font-size: 16px;margin-top:25px;border-top: 1px solid #eee;padding-top: 24px;font-weight: bold;margin-bottom: 40px;}
.news-detail .detail .fenye a{color: #666;font-weight: normal;}
.news-detail .detail .fenye span{display:block;overflow: hidden;width: 45%; white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;}
.news-detail .detail .fenye span.fr{text-align: right;}
.news-detail .detail .down-box{padding:40px 0 20px 0;}
.news-detail .detail .fenye a:hover{color:#0d8ae5;font-weight: bold;}
.news-detail{padding: 40px 0;}


@media only screen and (min-width:1025px) {
    .indexNews_list dl a:hover{background: #fff;box-shadow: -1px 5px 15px rgba(0, 0, 0, 0.1);}
    .indexNews_list dl a:hover h3{color: #36a2d6;font-weight: bold;}
    .indexNews_list dl a:hover p,.indexNews_list dl a:hover span{color: #000 !important;}
    /*.indexbox_t ul li:hover{box-shadow: 0 0 10px rgba(0,0,0,0.1);}*/
    /*.indexbox_t ul li:hover:before{width: 100%;bottom: -4px;}*/
    .indexbox_t ul li:hover .indexbox-black{transform: translateY(-100%);}
    .indexbox_t ul li:hover .indexbox-gary{transform: translateY(300%);}
    .hotspotSwi .lhl_but div:hover{opacity: .8;}
    
}
@media (max-width:1650px) {
	.solution li .pic,.solution li{height: 325px;}
	.but .swiper-button-prev{left: 30px;}
	.but .swiper-button-next{right: 30px;}
	.nav1 li{margin-left: 0px;margin-right: 40px;}
	.banner_text .wrap{max-width: 80%;}
	.hotspotSwi .lhl_but div.swiper-button-prev{left: -60px;}
	.hotspotSwi .lhl_but div.swiper-button-next{right: -60px;}
	.solution li a .text p.p02{padding-top: 70px;}
	
}
@media only screen and (max-width:1530px) {
    .nav1 li{margin-left: 0px;margin-right: 60px;}
    .solution li .pic,.solution li{height: 325px;}
    .index5 a .img{height: 240px;}
}

@media only screen and (max-width:1450px) {
	.hotspotSwi .lhl_but div{width: 55px;height: 55px;line-height: 55px;}
	.hotspotSwi .lhl_but div.swiper-button-prev{left: -55px;}
	.hotspotSwi .lhl_but div.swiper-button-next{right: -55px;}
	.foot01 .f-nav a{margin-left: 30px;}
	.honor2-swiper .swiper-slide .tp{height: 213px;}

}
@media only screen and (max-width:1399px) {
	.nav1 li{margin-left: 0px;margin-right: 40px;}
	.hotspotSwi .lhl_but div{width: 50px;height: 50px;line-height: 50px;}
	.hotspotSwi .lhl_but div.swiper-button-prev{left: -50px;}
	.hotspotSwi .lhl_but div.swiper-button-next{right: -50px;}
	.foot03 .left, .foot03 .right{float: none;width: 100%;text-align: left;line-height: 30px;}
	.honor .honor-next,.honor2 .honor2-next{right: -40px;}
	.honor .honor-prev,.honor2 .honor2-prev{left: -40px;}
	.honor2-swiper .swiper-slide .tp{height: 193px;}

}
@media only screen and (max-width:1280px) {
    .indexbox_content{padding-top: 5%;}
    .hangye li .pic,.hangye li{height: 259px;}
    .hangye li a .text p.p02{padding-top: 30px;}
    .foot03 .left,.foot03 .right{float: none;width: 100%;text-align: left;line-height: 30px;}
}
@media only screen and (max-width:1200px) {
    .indexbox_contentDiv{width: 80%;}
    .indexbox_tab{margin: 20px 0;}
    .indexbox_tabTxt{width: 60%;}
    /*.phone_nav,.menu_button{display: block;}
    .pc_nav{display: none;}*/
   .menu_tel{display: none;}
   .nav{padding-right: 0;}
   .nav li>a{font-size: 16px;}
   .banner_text h3{font-size: 32px;}
   .banner_text p{font-size: 18px;}
   .but .swiper-button-prev,.but .swiper-button-next{width: 50px;height: 50px;background-size: 50px 50px;}
   .hotspotSwi .lhl_but div{width: 40px;height: 40px;line-height: 40px;}
	.hotspotSwi .lhl_but div.swiper-button-prev{left: -40px;}
	.hotspotSwi .lhl_but div.swiper-button-next{right: -40px;}
	.solution li .pic, .solution li{height: 270px;}
	.solution li a .text p.p02{padding-top: 30px;}
	.index5 a .img{height: 185px;}
	.honor2-swiper .swiper-slide .tp{height: 166px;}
   
}
@media only screen and (max-width:1160px) {
    .indexbox_contentDiv{width: 80%;}
    .indexbox_tab{margin: 20px 0;}
    .indexbox_tabTxt{width: 60%;}
    /*.phone_nav,.menu_button{display: block;}
    .pc_nav{display: none;}*/
   .nav1 li{margin-right: 30px;}
   .nav li>a{font-size: 16px;}
   
   
    
}


@media only screen and (max-width:1024px) {
    .indexbox_t ul li dd{height: 40px;}
    .indexbox_t ul li dd img{height: 40px;}
    .indexbox_t ul li{padding: 10px 0px;}
    .indexbox_t ul li.on dt p{font-size: 18px;}
    .indexbox_t ul li dt{height: 30px;line-height: 30px;margin-top: 5px;}
    .indexbox_item{height: 450px!important;}
    .indexbox_contentDiv{width: 100%;}
    .hotspotSwi dt{padding: 20px;margin-bottom: 0;}
    .hotspot_link{transform:translateY(0);position: static;}
    .hotspotSwi .lhl_but div.swiper-button-prev{left: -30px;}
    .hotspotSwi .lhl_but div.swiper-button-next{right: -30px;}
    .indexNews_list dl .indexNews_div{padding: 20px;}
    .indexNews_list dl{padding: 10px;}
    .indexNews{margin-left: -10px;margin-right: -10px;}
    .solution li,.solution li:nth-child(4n){width:49.25%;margin-right: 1.5%;margin-top: 15px;}
    .solution li:nth-child(2n){margin-right: 0;}
    .solution li.li1, .solution li.li8{width:49.25%;}
    .index3 .left,.index3 .right{width: 100%;float: none;}
    .hotspotSwi .lhl_but div.swiper-button-prev,.hotspotSwi .lhl_but div.swiper-button-next{display: none;}
    .hotspotSwi .swiper-pagination{display: block;}
    .foot01 .f-nav a{margin-left: 15px;}
    .foot02 .left{width: 300px;}
}
@media only screen and (max-width:767px) {
    .indexNews_list .swiper-pagination{display: block!important;}
    .hotspotSwi .lhl_but{display:none}
    .hotspotSwi .lhl_but div{width: 40px;height: 40px;line-height: 40px;margin-top: -20px;text-align: center;color: #000!important;}
    .index_02{padding: 40px 0;}
    .indexbox_content{padding-top: 50px;}
    .indexbox_t ul li{padding: 10px 0px;}
    .indexbox_t ul li dt p {font-size: 14px;}
    .indexbox_t ul li.on dt p {font-size: 16px;}
    .indexbox_tab{box-sizing: border-box;}
    .indexbox_tab-item{width: 50%;height: 50px;float: left;}
    .indexbox_tab-item p{box-sizing: border-box;font-size: 14px;line-height: 20px;max-height: 40px;}
    .indexbox_tabTxt{width: 80%;}
    .hotspotSwi .lhl_but div{color: #fff;}
    .hotspotSwi .lhl_but div.swiper-button-prev{left: 0;}
    .hotspotSwi .lhl_but div.swiper-button-next{right: 0;}
    .indexNews_list dl{width: 100%;}
    .indexNews_list .swiper-pagination-bullet{width: 40px;}
	.indexbox_tit>p {
	    line-height: 26px;
	    height: auto !important; 
	    overflow: hidden;
	}
	.hotspotSwi .swiper-pagination{display: block;}
	.solution li,.solution li:nth-child(4n){width:49%;margin-right: 2%;margin-top: 13px;}
    .solution li:nth-child(2n){margin-right: 0;}
    .solution li.li1, .solution li.li8{width:49%;}
	.solution li,.solution li .pic{height: 190px;}
	.solution{padding-top: 20px;}
	.solution li a p.p01,.hangye li a p.p01{font-size: 16px;padding:0 10px 10px 10px;width: calc(100% - 20px);}
	.solution li a .text p.p02,.hangye li a .text p.p02{font-size: 16px;padding-top: 20px;}
	.solution li a .text p.p03,.solution li a .text p.p02,.hangye li a .text p.p03,.hangye li a .text p.p02{display: none;}
	.solution li a:hover .text p.p02,.hangye li a:hover .text p.p02{display: none;}
	.solution li a .text span,.hangye li a .text span{position: absolute;
    top: 50%;
    margin-top: -20px;
    width: 100px;
    left: 50%;
    margin-left: -61px;
    padding: 0 20px 0 0;}
    .about{padding-top: 30px;}
    .index3 .left h4{font-size: 18px;}
    .index3 .we p{line-height: 24px;font-size: 14px;}
    .index3 .we{margin-bottom: 30px;}
    .index3 .left{height: 400px;}
    .index3 .right::before{display: none;}
    .index3{padding: 50px 0;}
    .index2{padding-top: 50px;}
    .news-list li .tim,.news-list li .txt{float: none;width: 100%;display: block;padding: 0;text-align: left;}
    .news-list li .tim::after{display: none;}
    .news-list li .tim b{font-size: 30px;line-height: 50px;}
    .news-list li .tim{font-size: 18px;}
    .news-list{padding-top: 20px;}
    .news-list li a h3{font-size: 16px;}
    .news-list li a p,.detail p{font-size: 14px;line-height: 24px;}
    .news-detail .wz-title{font-size: 16px;}
    .news-detail .wz-title .some span{font-size: 14px;}
    .news-detail .wz-title .some{padding-top: 15px;}
    .news-detail .detail .fenye span,.news-detail .detail .fenye span.fr{float: none;width: 100%;text-align: left;margin: 15px 0;}
    .news-detail .detail .fenye{font-size: 16px;margin-bottom: 0;}
    .product li{width: 100%;margin-right: 0;}
    .product dt{padding: 20px;}
    .product dt p{font-size: 14px;}
    .product dt h3{font-size: 18px;margin-bottom: 10px;}
    .product dt .banner_more{padding-top: 20px;}
    .white{padding: 40px 4%;margin-bottom: 50px;}
    .name,.service2 .name2{font-size: 22px;padding-bottom: 20px;}
    .detailbox p,.service2 .miaosu1 p{font-size: 14px;line-height: 24px;}
    .detailbox p strong{font-size: 16px;}
    .service2 .name2{padding-bottom: 0;}
    .service2{padding: 50px 0;}
    .service2 .miaosu2 .left,.service2 .miaosu2 .right{width: 100%;float: none;}
    .service2 .miaosu2 .left p{margin:6px 0;font-size: 14px;line-height: 24px;}
    .service2 .fenlei li{width: calc(100% - 30px);float: none;padding: 20px 15px;margin-bottom: 15px;}
    .service2 .fenlei li a h4{font-size: 16px;padding-left: 15px;}
    .service2 .fenlei li a p{font-size: 14px;line-height: 24px;}
    .service2 .fenlei li a h4::before{top: 2px;}
    
    
    
}
@media only screen and (max-width:350px) {
    .indexbox_t ul li dt p {font-size: 12px;width: 70px;}
    .indexbox_t ul li.on dt p {font-size: 14px;}
    .indexbox_tab-item p{font-size: 12px;}
    .indexNews_list .swiper-pagination-bullet{width: 30px;}
}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{}


/*2022 0621 新修改*/

/*.banner li.ban_video .blank_30{background: #000;display: block;}*/
/*.banner li.ban_video video{z-index: 3;}*/
/*.banner li.ban_video .banner_text{display: none;}*/
.pc_content{display: block!important;}
.phone_content{display: none;}
@media only screen and (max-width:767px) {
    .indexbox_t ul{border-bottom: 1px solid #dcdedd;overflow: hidden;}
    .indexbox_t ul li{float: left;width: 33.33%;text-align: center;padding: 20px 0;}
    .indexbox_t ul li.on{box-shadow: none;}
    .indexbox_t ul li:before{bottom: 0;}
    .indexbox_t ul li dt p{width: 100%;}
    .indexbox_b{padding: 20px;box-sizing: border-box;}
    .indexbox_item{height: auto!important;}
    .phone_content dl{margin-bottom: 4px;overflow: hidden;}
    .phone_content dd{font-size: 16px;padding: 20px;box-sizing: border-box;background: #ccc;color: #000;cursor: pointer;}
    .phone_content dt{position: relative;display: none;overflow: hidden;}
    .white_40{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(255,255,255,0.4);}
    .phone_txt{position: absolute;left: 0;top: 0;width: 100%;height: 0;z-index: 2;transition: all .8s;}
    .text{position: absolute;left: 0;bottom: 20px;padding: 0 20px;box-sizing: border-box;font-size: 16px;}
    .phone_content dl.on dd{background: #36a2d6;color: #fff;}
    .phone_content dl.on .phone_txt{height: 100%;}
    .index4 .title h3{font-size: 20px;}
    .index4 .title{font-size: 14px;padding: 0 5%;width: 90%;}
    .index4{height: 200px;}
    .index5{padding: 50px 0;}
    .mySwiper{padding:15px 0 30px 0;}
    .index5 a .wz{padding: 20px;}
    .index5 a .p1{font-size: 17px;margin: 10px 0;}
    .index5 a .p2{font-size: 14px;line-height: 24px;}
    .index5 a .time{font-size: 14px;}
    .hotspotSwi dt p{font-size: 14px;line-height: 24px;}
    .hotspotSwi dt h3{font-size: 17px;}
    .title{font-size: 14px;}
    .footer{display: none;}
    .foot{display: block;}
    .main{margin-bottom: 74px;}
    .ny-banner{margin-top: 50px;}
    .ny-banner{height: 200px;}
    .ny-banner h3{font-size: 18px;}
    .title3,.about5 .title4{font-size: 24px;}
    .title3 p,.about5 .title4 p,.title2 h3 span{font-size: 18px;margin: 0;}
    .about1 .about01 p{font-size: 14px;line-height: 24px;}
    .about_num li{width: 50%;}
    .about_num li dt{font-size: 36px;}
    .about1 .about01{padding: 20px 0;}
    .brand .wrap{max-width: 100%;overflow-x: auto;}
    .brand li a{font-size: 16px;padding: 0 15px;}
    .brand li{height: 50px;line-height: 50px;}
    .brand .wrap ul{width: 150%;}
    .brand li.cur::after, .brand li:hover::after,.about1 canvas,.honor .honor-next, .honor .honor-prev,.honor2 .honor2-next,.honor2 .honor2-prev{display: none;}
    .about1, .about2, .about3, .about4{padding: 40px 0;}
    .honor-pagination,.honor2-pagination{display: block;}
    .honor-swiper{padding: 15px 15px 50px 15px;}
    .honor{margin-top: 20px;}
    .swiper-container-horizontal>.honor-pagination.swiper-pagination-bullets,.swiper-container-horizontal>.honor2-pagination.swiper-pagination-bullets{bottom: 0px;}
    .honor-pagination .swiper-pagination-bullet,.honor2-pagination .swiper-pagination-bullet{border-radius: 50%;}
    .honor-pagination .swiper-pagination-bullet-active,.honor2-pagination .swiper-pagination-bullet-active{background: #015182;}
    .about3 li{margin-right: 0;width: 100%;margin-bottom: 15px;float: none;padding-bottom: 15px;}
    .about3 li:nth-child(3n){margin-right:0;}
    .about3 li .pic{height: 348px;}
    .about3 li .txt{padding: 10px 20px;}
    .about3 li p{font-size: 14px;line-height: 24px;height: auto;}
    .about3 li h4{font-size: 18px;margin-bottom: 10px;}
    .about03{padding-top: 30px;}
    .honor2{margin-top: 20px;}
    .honor2-swiper{padding: 15px 15px 50px 15px;}
    .honor2-swiper .swiper-slide p{font-size: 16px;}
    .about5 .left,.about5 .right{width: 100%;float: none;}
    .about5 .title4,.about5 .phone-dh{text-align: center;}
    .about5 .phone-dh{background-position: center top;font-size: 30px;}
    .about5 .title4{padding-bottom: 30px;}
    .online ul li,.online ul li:nth-child(5){width: 100%;float: none;margin-right: 0;}
    .title2{font-size: 24px;}
    .hangye li{width: 48.5%;margin-right: 3%;height: 171px;}
    .hangye li:nth-child(4n){margin-right: 3%;}
    .hangye li:nth-child(2n){margin-right: 0;}
    .hangye li .pic{height: 171px;}
    .title2{padding-top: 40px;}
    .hangye{padding-top: 30px;}
    .honor2-swiper .swiper-slide .tp{height: 382px;}
    
}

@media only screen and (max-width:767px) {
    .pc_content{display: none!important;}
    .phone_content{display: block;}
    .index_02{padding-top: 20px;}
    .hotspotSwi .swiper-container{padding: 30px 0;}
    .hotspotSwi dl{margin: 0;}
    .hotspotSwi{margin-top: 0px;}
}
@media only screen and (max-width:450px) {
	.about3 li .pic{height: 227px;}
}